<template>
  <div class="container">
    <!-- <iframe 
      :src="content"
      style="width: 100%;height: 750px;"
    ></iframe> -->
    <div v-for="(item,index) in contents" :key="index">
      <img :src="item" alt="">
    </div>    
  </div>
</template>

<script setup>
  import { onMounted, ref } from "vue";
  import { useRoute } from "vue-router";
  const route = useRoute();
  const contents = ref("");
  onMounted(() => {
    contents.value = route.query.content.split(",");
  });
</script>

<style lang="scss" scoped>
  .container{    
    overflow-x: hidden;
    div{
      width: 100%;
      height: 100%;
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
</style>